<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="table.css">
    <title>CSS: The Missing Manual</title>
</head>

<body>
<table class="inventory">
    <caption>
        Table: Current Inventory
    </caption>
    <colgroup>
        <col id="product">
        <col id="price">
        <col id="rating">
    </colgroup>
    <tr>
        <th>Product</th>
        <th>Price</th>
        <th>Rating</th>
    </tr>
    <tr>
        <td> Vitae Quam Lorem</td>
        <td>$19.95</td>
        <td>4.5</td>
    </tr>
    <tr>
        <td> In Tempus Velit</td>
        <td>$14.55</td>
        <td>2.5</td>
    </tr>
    <tr>
        <td>Lorem Ipsum Dolor Sat</td>
        <td>Priceless</td>
        <td>1.0</td>
    </tr>
    <tr>
        <td>Quis Felis Fringilla</td>
        <td>$29.95</td>
        <td>2.5</td>
    </tr>
    <tr>
        <td>Nunc Sem Pharetra</td>
        <td>$75.99</td>
        <td>2.0</td>
    </tr>
    <tr>
        <td>Vel Faucibus Elit</td>
        <td>$82.00</td>
        <td>3.5</td>
    </tr>
    <tr>
        <td> Non Adipiscing Vitae</td>
        <td>$1.95</td>
        <td>3.0</td>
    </tr>
    <tr>
        <td>Aenean Orci Ante</td>
        <td>$17.95</td>
        <td>4.0</td>
    </tr>
    <tr>
        <td>Venenatis Non Adipiscing</td>
        <td>$44.00</td>
        <td>5.0</td>
    </tr>
</table>
</body>
</html>
